<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h2>
      用户id：{{id}}
    </h2>
  </div>
</template>

<script>
export default {
  name: "AboutView",
  data() {
    return {
      //从路由中取出数据
      //this.$route.params 固定的，后面的id是前面router/index.js的路径中设置的变量
      id: this.$route.params.id
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>